﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="BaoCaoDonThu.ascx.cs" Inherits="CMS.Web.Reports.BaoCaoDonThu" %>
<script language="javascript" src="Common/paging.js"></script>

<table id="tbl" class="Table_Border" style="border-collapse: collapse" cellspacing="0"
    cellpadding="0" width="90%" border="0" align="center">
    <tr valign="top">
        <td valign="top" align="center" height="40px" class="Title">
            BÁO CÁO TÌNH HÌNH ĐƠN THƯ</td>
    </tr>
    <tr>
        <td width="100%">
            <table id="tblThongTinChung" class="Grid_Border"
                cellspacing="0" cellpadding="3" width="100%">
                <tbody>
                    <tr>
                        <td colspan="3" align="center" class="Col_Left">                        
                            <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                <tr>                                    
                                    <td align="right" style="width: 20%; height:30px;">Từ ngày&nbsp;</td>
                                    <td align="left" style="width: 21%">
                                    <asp:TextBox id="txtTuNgay" runat="server" MaxLength="8" CssClass="TextBox" Width="74%"></asp:TextBox>
                                    &nbsp;<img align="absmiddle" style="width:13px;cursor:pointer;" id="imgCal1" src="Images/icon.gif" alt="" /> 
                                    </td>
                                    <td align="right" style="width: 11%">Đến ngày&nbsp;</td>
                                    <td align="left" style="width: 21%">
                                    <asp:TextBox id="txtDenNgay" runat="server" MaxLength="8" CssClass="TextBox" Width="74%"></asp:TextBox>
                                    &nbsp;<img align="absmiddle" style="width:13px;cursor:pointer;" id="imgCal2" src="Images/icon.gif" alt="" />                            
                                    </td>
                                    <td style="width: 20%">
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>                    
                    <!-- Điều kiện 1 -->
                    <tr>
                        <td class="Col_Left" style="padding-left: 10px; height:30px; width: 20%;">
                            &nbsp;<asp:radiobutton id="radAll" runat="server" text="Toàn bộ" Checked="True" GroupName="grpStatus"></asp:radiobutton>
                        </td>
                        <td class="Col_Right" colspan="2" style="width: 80%;">
                            &nbsp;
                        </td>
                    </tr>
                    <!-- Điều kiện 2 -->
                    <tr>
                        <td class="Col_Left" style="padding-left: 10px; height:30px;">
                            &nbsp;<asp:radiobutton id="radDiaBan" runat="server" text="Theo địa bàn" GroupName="grpStatus"></asp:radiobutton>
                        </td>
                        <td class="Col_Right" colspan="2" align="left">
			                <asp:textbox id="drpDiaBan" runat="server" CssClass="TextBox" Width="67%" MaxLength="250"></asp:textbox>
			                <img src="Images/scroll2.png" style="display:; cursor: pointer; cursor: hand;" onclick="openSelectDiaBanWindow('<% =drpDiaBan.ClientID%>','<%=hidDiaBan.ClientID %>');" />
			                <asp:HiddenField ID="hidDiaBan" runat="server" />
			            </td>
                    </tr>
                    <!-- Điều kiện 3 -->
                    <tr>
                        <td class="Col_Left" style="padding-left: 10px; height:30px;">
                            &nbsp;<asp:radiobutton id="radLoaiDon" runat="server" Text="Theo loại đơn" GroupName="grpStatus"></asp:radiobutton>
                        </td>
                        <td class="Col_Right" colspan="2">
                            <asp:dropdownlist id="drpLoaiDon" runat="server" cssclass="ListBox" DataValueField="ID" datatextfield="TenLoaiDon" Width="70%">
                            </asp:dropdownlist>
                        </td>
                    </tr>
                    <!-- Điều kiện 4 -->
                    <tr>
                        <td class="Col_Left" style="padding-left: 10px; height: 30px;">
                            &nbsp;<asp:radiobutton id="radLinhVuc" runat="server" Text="Theo lĩnh vực" GroupName="grpStatus"></asp:radiobutton>
                        </td>
                        <td class="Col_Right" colspan="2" align="left">
                            <asp:dropdownlist id="drpLinhVuc" runat="server" cssclass="ListBox" DataValueField="ID" DataTextField="TenLinhVuc" Width="70%">
                            </asp:dropdownlist>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3" align="left" class="Col_Left" style="text-align: center; height:30px;">
                            <input type="button" class="Button" value="Xem kết quả" onclick="findDocuments()" />
                        </td>
                    </tr>                   
                </tbody>
            </table>
        </td>
    </tr>  
    <tbody id="tbdKetQua" style="display: none" valign="top">
        <tr valign="top">
            <td valign="bottom" align="center" height="40px" class="Title">
                <strong>BÁO CÁO</strong></td>
        </tr>
        <tr>
            <td valign="middle" align="center" class="Title">
                <strong>Tình hình tiếp nhận đơn thư</strong></td>
        </tr>
        <tr>
            <td valign="middle" align="center">
                (Từ ngày&nbsp;<asp:Label ID="lblTuNgay" runat="server"></asp:Label>&nbsp;đến ngày&nbsp;<asp:Label ID="lblDenNgay" runat="server"></asp:Label>)
            </td>
        </tr>
        <tr><td></td></tr>
        <tr>
            <td width="100%" class="Col_Left">
                <table id="Table2" class="Grid_Border"
                    cellspacing="0" cellpadding="3" width="100%">                
                        <tr>
                            <td valign="middle" align="left" class="Text_Main" style="padding-left: 10px; padding-top:5px;"> I.<strong> VỀ SỐ LIỆU:</strong>&nbsp;Tổng số đơn thư đã tiếp nhận:&nbsp;<asp:Label ID="lblTongDonThu" runat="server"></asp:Label>&nbsp;đơn thư</td>                        
                        </tr>    
                        <tbody id="tbdLoaiDon" style="display: none">
                            <tr id="loaiDonTitle"> 
                                <td valign="middle" align="left" class="Text_Main" style="padding-left: 10px; padding-top:10px;"> 
                                    <strong>1. Theo loại đơn:</strong></td>                        
                            </tr>
                            <tr id="loaiDonPattern" style="display: none">
                                <td id="tdLoaiDon" valign="middle" align="left" class="Col_Left"> 
                                </td>                        
                            </tr>
                        </tbody> 
                        <tbody id="tbdLinhVuc" style="display: none">
                            <tr id="linhVucTitle">
                                <td valign="middle" align="left" class="Text_Main" style="padding-left: 10px; padding-top:10px;"> 
                                    <strong>2. Theo lĩnh vực:</strong></td>                        
                            </tr>
                            <tr id="linhVucPattern" style="display: none">
                                <td id="tdLinhVuc" valign="middle" align="left" class="Col_Left"> 
                                </td>                        
                            </tr>
                        </tbody>  
                        <tbody id="tbdDiaBan" style="display: none">
                            <tr id="diaBanTitle">
                                <td valign="middle" align="left" class="Text_Main" style="padding-left: 10px; padding-top:10px;"> 
                                    <strong>3. Theo địa bàn:</strong></td>                        
                            </tr>
                            <tr id="diaBanPattern" style="display: none">
                                <td id="tdDiaBan" valign="middle" align="left" class="Col_Left"> 
                                </td>                        
                            </tr>
                        </tbody>  
                        <tbody id="tbdXuLy" style="display: none">
                            <tr id="xuLyTitle">
                                <td valign="middle" align="left" class="Text_Main" style="padding-left: 10px; padding-top:10px;"> 
                                    <strong>4. Tình trạng xử lý:</strong></td>                        
                            </tr>
                            <tr id="xuLyPattern" style="display: none">
                                <td id="tdLoaiXuLy" valign="middle" align="left" class="Col_Left"> 
                                </td>                        
                            </tr>
                        </tbody>                        
                        <!-- Ket qua -->
                        <tbody id="tbdResults" style="display: none" valign="top">
                            <tr>
                                <td class="Text_Main" height="30px" valign="middle" style="padding-left: 10px; padding-top:10px;">
                                    Danh sách đơn thư:
                                </td>
                            </tr>
                            <tr valign="top">
                                <td class="Col_Right" align="left" height="200px" valign="top" width="100%">
                                    <table id="tblList" class="Grid_Border" cellspacing="0" cellpadding="3" width="100%">
                                        <tr class="Row_Document_Title">
                                            <td width="10%" align="center">
                                                Số thụ lý
                                            </td>
                                            <td width="10%" align="center">
                                                Họ tên người gửi đơn
                                            </td>
                                            <td width="10%" align="center">
                                                Địa chỉ
                                            </td>
                                            <td width="10%" align="center">
                                                Đơn đề ngày
                                            </td>
                                            <td width="10%" align="center">
                                                Loại đơn
                                            </td>
                                            <td width="10%" align="center">
                                                Lĩnh vực
                                            </td>
                                            <td width="10%" align="center">
                                                Tóm tắt nội dung
                                            </td>
                                            <td width="10%" align="center">
                                                Ý kiến chỉ đạo
                                            </td>
                                            <td width="10%" align="center">
                                                Văn bản chỉ đạo
                                            </td>
                                            <td width="10%" align="center">
                                                Tình trạng xử lý
                                            </td>
                                        </tr>
                                        <tbody id="dt_Body" style="display: none">
                                            <tr id="dt_Pattern" style="display: none">
                                                <td id="soThuLy" style="height: 19px" align="center">
                                                </td>
                                                <td id="hoTen" style="height: 19px" align="left">
                                                </td>
                                                <td id="diaChi" style="height: 19px" align="left">
                                                </td>
                                                <td id="donDeNgay" style="height: 19px" align="center">
                                                </td>
                                                <td id="loaiDon" style="height: 19px" align="left">
                                                </td>
                                                <td id="linhVuc" style="height: 19px" align="left">
                                                </td>
                                                <td id="noiDung" style="height: 19px" align="left">
                                                </td>
                                                <td id="yKienCD" style="height: 19px" align="left">
                                                </td>
                                                <td id="vanBanCD" style="height: 19px" align="left">
                                                </td>
                                                <td id="TTXL" style="height: 19px" align="left">
                                                </td>
                                            </tr>
                                            <tr id="dt_Page">
                                                <td colspan="9">
                                                </td>
                                                <td id="display_Paging" align="right" class="Paging_NotLink" colspan="2">
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                            <tr class="Row_Button">
                                <td align="right">
                                    <input type="button" class="Button" value="In báo cáo" onclick="OpenPrinter()" />
                                </td>
                            </tr>
                        </tbody>              
                </table>
            </td>
        </tr>
    </tbody>  
</table>
<script language="javascript" type="text/javascript">  
    
    var cmbDiaBan = 0;
    var txtTuNgay = "", txtDenNgay = "";    
    var searchType = "";
    var cmbLinhVuc = 0, cmbLoaiDon = 0;    
    var resultCache = [];
    var tongDonThu = 0;
    paging.recordsPerPage = 15;
    
    var cal1 = new Zapatec.Calendar({		
			lang   : "vn",
			inputField: "<%=txtTuNgay.ClientID %>",
			ifFormat: "%d/%m/%Y",
			button: "imgCal1",
			theme: "aqua"
		});
     var cal2 = new Zapatec.Calendar({		
			lang   : "vn",
			inputField: "<%=txtDenNgay.ClientID %>",
			ifFormat: "%d/%m/%Y",
			button: "imgCal2",
			theme: "aqua"
		});
    
    function GetValueOfVars()
    {         
        txtTuNgay = util.Trim($("#<%=txtTuNgay.ClientID %>").val());
        txtDenNgay = util.Trim($("#<%=txtDenNgay.ClientID %>").val());  
        tongDonThu = 0;
               
        if ($("#<%=radAll.ClientID%>").attr("checked"))
        {
            searchType = "All";
            cmbLinhVuc = 0;
            cmbLoaiDon = 0;         
            cmbDiaBan = 0;   
            return;
        } 
        if ($("#<%=radDiaBan.ClientID%>").attr("checked"))
        {
            searchType = "DiaBan";
            cmbLinhVuc = 0;
            cmbLoaiDon = 0;         
            cmbDiaBan = parseInt($('#<%=hidDiaBan.ClientID %>').val()); 
            return;
        } 
        if ($("#<%=radLoaiDon.ClientID%>").attr("checked"))
        {
            searchType = "LoaiDon";
            cmbLinhVuc = 0;
            cmbLoaiDon = parseInt($("#<%=drpLoaiDon.ClientID%>").val()); 
            cmbDiaBan = 0;
            return;
        } 
        if ($("#<%=radLinhVuc.ClientID%>").attr("checked"))
        {
            searchType = "LinhVuc";
            cmbLinhVuc = parseInt($("#<%=drpLinhVuc.ClientID%>").val());
            cmbLoaiDon = 0;
            cmbDiaBan = 0;
            return;
        }          
    }
    
    function CheckValidation()
    {   
        if ($("#<%=radDiaBan.ClientID%>").attr("checked") && cmbDiaBan == 0)
        {
            alert("Xin vui lòng nhập địa bàn cần thống kê!");
            return false;
        }   
        
        if ($("#<%=radLoaiDon.ClientID%>").attr("checked") && cmbLoaiDon == 0)
        {
            alert("Xin vui lòng chọn loại đơn cần thống kê!");
            return false;
        }   
        
        if ($("#<%=radLinhVuc.ClientID%>").attr("checked") && cmbLinhVuc == 0)
        {
            alert("Xin vui lòng chọn lĩnh vực cần thống kê!");
            return false;
        } 
       
        if (($('#<%=txtTuNgay.ClientID%>').val() == "") || (!util.isDate($('#<%=txtTuNgay.ClientID%>').val())))
        {
            alert("Ngày bắt đầu không hợp lệ!");
            $('#<%=txtTuNgay.ClientID%>').focus();
            return false;
        }
        
        if (($('#<%=txtDenNgay.ClientID%>').val() == "") || (!util.isDate($('#<%=txtDenNgay.ClientID%>').val())))
        {
            alert("Ngày kết thúc không hợp lệ!");
            $('#<%=txtDenNgay.ClientID%>').focus();
            return false;
        }
        
        if (CompDate($('#<%=txtTuNgay.ClientID%>').val(), $('#<%=txtDenNgay.ClientID%>').val()))
        {
            alert("Ngày bắt đầu phải nhỏ hơn hoặc bằng hơn ngày kết thúc!");
            $('#<%=txtTuNgay.ClientID%>').focus();
            return false;
        }
        
        return true;
    }       
    
    function findDocuments()
    {      
        paging.id = "dt_Page";
        paging.bodyId = "dt_Body";
        paging.patternId = "dt_Pattern";
        paging.filter = "";

        GetValueOfVars(); 
       
        if (CheckValidation())
        {            
            $('#tbdKetQua').attr("style", "display:");
            CMS.Presenters.Presenters.ListManager.BaoCaoDonThuPresenter.TotalSearchDonThus(searchType, txtTuNgay, txtDenNgay, cmbDiaBan, 
                cmbLinhVuc, cmbLoaiDon, function(response){
                if(response != null && response.value != null) 
                {    
                    tongDonThu = response.value;
                    paging.totalRecords = tongDonThu;     
                    $("#<%=lblTongDonThu.ClientID%>").html(tongDonThu);                      
                    $("#display_Paging").html(paging.limitPage(1, 0));                 
                    
                    if (response.value > 0)                    
                    {
                        renderList(1);
                        $("#" + paging.bodyId).attr("style", "display:");
                        $('#tbdResults').attr("style", "display:");                        
                    }
                    else
                    {
                        $("#" + paging.bodyId).attr("style", "display:none");
                        $('#tbdResults').attr("style", "display:none");  
                        $('#tbdXuLy').attr("style", "display:none");  
                        $('#tbdLoaiDon').attr("style", "display:none");  
                        $('#tbdLinhVuc').attr("style", "display:none");  
                        $('#tbdDiaBan').attr("style", "display:none");  
                        $("#<%=lblTongDonThu.ClientID%>").html("0");
                    }
                }
            });  
        }
    }
    
    function renderList(pageCurrent){
        var fromIndex = (pageCurrent > 1) ? (pageCurrent - 1) : 0;
        
        CMS.Presenters.Presenters.ListManager.BaoCaoDonThuPresenter.SearchDonThus(searchType, txtTuNgay, txtDenNgay, cmbDiaBan,
                        cmbLinhVuc, cmbLoaiDon, fromIndex*paging.recordsPerPage, paging.recordsPerPage, function(response)
        {
            subRenderList(response);
        });        
    }
    
    function subRenderList(response){
        $("#" + paging.patternId).attr("style", "display:none");
        util.removeAllRows(paging.bodyId, { filter:function(tr) {
            return (tr.id != paging.patternId && tr.id != paging.id);
        }});
        $("#tbdDiaBan").attr("style", "display:none");
        $("#tbdLoaiDon").attr("style", "display:none");
        $("#tbdLinhVuc").attr("style", "display:none");
        util.removeAllRows("tbdDiaBan", { filter:function(tr) {
            return (tr.id != "diaBanPattern" && tr.id != "diaBanTitle");
        }});
        util.removeAllRows("tbdXuLy", { filter:function(tr) {
            return (tr.id != "xuLyPattern" && tr.id != "xuLyTitle");
        }});
        util.removeAllRows("tbdLoaiDon", { filter:function(tr) {
            return (tr.id != "loaiDonPattern" && tr.id != "loaiDonTitle");
        }});
        util.removeAllRows("tbdLinhVuc", { filter:function(tr) {
            return (tr.id != "linhVucPattern" && tr.id != "linhVucTitle");
        }});
        $("#<%=lblTuNgay.ClientID%>").html(txtTuNgay);
        $("#<%=lblDenNgay.ClientID%>").html(txtDenNgay);
        if(response.value != null)
        {            
            var dtKQ = response.value; 
            var dtXL = dtKQ[0];             
            var dtLD = dtKQ[1];
            var dtLV = dtKQ[2];
            var dtDB = dtKQ[3];
            var dtList = dtKQ[4];            
            var cssClass = $("#" + paging.bodyId).attr("className");
            cssClass = "Row_Document_Odd";
            //alert(dtLD);
            if ($("#<%=radAll.ClientID%>").attr("checked")) {
                for (var k = 0; k < dtLD.length; k++) {
                    util.cloneNode("loaiDonPattern", { idSuffix:(k+1) });                
                    var loaiDon = "&nbsp; &nbsp; &nbsp; &nbsp; -&nbsp;" + dtLD[k][1] + ": " + dtLD[k][0] + " đơn thư chiếm tỉ lệ " + toFixed((tongDonThu > 0 ? (dtLD[k][0] / tongDonThu)*100  : 0), 2) + "%";
                    $("#tdLoaiDon" + (k+1)).html(loaiDon);                
                    $("#loaiDonPattern" + (k+1)).attr("style", "display:");                 
                }
                
                for (var l = 0; l < dtLV.length; l++) {
                    util.cloneNode("linhVucPattern", { idSuffix:(l+1) });                
                    var linhVuc = "&nbsp; &nbsp; &nbsp; &nbsp; -&nbsp;" + dtLV[l][1] + ": " + dtLV[l][0] + " đơn thư chiếm tỉ lệ " + toFixed((tongDonThu > 0 ? (dtLV[l][0] / tongDonThu)*100  : 0), 2) + "%";
                    $("#tdLinhVuc" + (l+1)).html(linhVuc);                
                    $("#linhVucPattern" + (l+1)).attr("style", "display:");                 
                }
                
                for (var m = 0; m < dtDB.length; m++) {
                    util.cloneNode("diaBanPattern", { idSuffix:(m+1) });                
                    var diaBan = "&nbsp; &nbsp; &nbsp; &nbsp; -&nbsp;" + dtDB[m][1] + ": " + dtDB[m][0] + " đơn thư chiếm tỉ lệ " + toFixed((tongDonThu > 0 ? (dtDB[m][0] / tongDonThu)*100  : 0), 2) + "%";
                    $("#tdDiaBan" + (m+1)).html(diaBan);                
                    $("#diaBanPattern" + (m+1)).attr("style", "display:");                 
                }
            }
            for (var j = 0; j < dtXL.length; j++) {
                util.cloneNode("xuLyPattern", { idSuffix:(j+1) });                
                var xuLy = "&nbsp; &nbsp; &nbsp; &nbsp; -&nbsp;" + dtXL[j][1] + ": " + dtXL[j][0] + " đơn thư chiếm tỉ lệ " + toFixed((tongDonThu > 0 ? (dtXL[j][0] / tongDonThu)*100  : 0), 2) + "%";
                $("#tdLoaiXuLy" + (j+1)).html(xuLy);                
                $("#xuLyPattern" + (j+1)).attr("style", "display:");                 
            }
            
            
            
            for (var i = 0; i < dtList.length; i++) { 
                var dt = {
                    ID: dtList[i][0],
                    SoThuLy: dtList[i][1],
                    HoTen: dtList[i][2],
                    DiaChi: dtList[i][3],
                    DonDeNgay: dtList[i][4],
                    TenLoaiDon: dtList[i][5],
                    TenLinhVuc: dtList[i][6],
                    NoiDung: dtList[i][7],
                    YKienCD: dtList[i][8],
                    VanBanCD: dtList[i][9],
                    TTXL: dtList[i][10]
                }
                resultCache[dt.ID] = dt;
                util.cloneNode("dt_Pattern", { idSuffix:dt.ID }); 
                $("#soThuLy" + dt.ID).html(dt.SoThuLy);
                $("#hoTen" + dt.ID).html("<a onclick='ViewDetail(\""+ dt.ID +"\")' class='DocumentLink' href='#'>" + dt.HoTen + "</a>");                                
                $("#diaChi" + dt.ID).html(dt.DiaChi);                
                $("#donDeNgay" + dt.ID).html(util.convertDateVN(dt.DonDeNgay));
                $("#loaiDon" + dt.ID).html(dt.TenLoaiDon);
                $("#linhVuc" + dt.ID).html(dt.TenLinhVuc);                
                $("#noiDung" + dt.ID).html(dt.NoiDung);   
                $("#yKienCD" + dt.ID).html(dt.YKienCD);   
                $("#vanBanCD" + dt.ID).html(dt.VanBanCD);   
                $("#TTXL" + dt.ID).html(dt.TTXL);   
                                    
                $("#" + paging.patternId + dt.ID).attr("className", cssClass);
                $("#" + paging.patternId + dt.ID).attr("style", "display:");  
                cssClass = (cssClass == "Row_Document_Round") ? "Row_Document_Odd" : "Row_Document_Round";  
            } 
        }   
        
        if ($("#<%=radAll.ClientID%>").attr("checked")) {
            if (dtLD.length > 0) {                                    
                $("#tbdLoaiDon").attr("style", "display:");            
            }
            
            if (dtLV.length > 0) {                                    
                $("#tbdLinhVuc").attr("style", "display:");            
            }
            
            if (dtDB.length > 0) {                                    
                $("#tbdDiaBan").attr("style", "display:");            
            }
        }
        if (dtXL.length > 0) {                                    
            $("#tbdXuLy").attr("style", "display:");            
        }
                
        $("#" + paging.bodyId).attr("style", "display:");
        $('#tbdResults').attr("style", "display:");   
    }
    
    function gotoPage(pageCurrent, base) {  
        renderList(pageCurrent);
        pt = paging.limitPage(pageCurrent, base);
        $("#display_Paging").html(pt);
    }
    
    function ViewDetail(ID)
    {       
        var strType = "Lookups/ViewDetail.aspx";
        strFeatures = 'width=800px,height=600px,top=100px,left=100px,titlebar=1,menubar=0,toolbar=0,resizable=1,status=1,scrollbars=1,dependent=yes';        
        window.open(strType + "?ID=" + ID,'_blank',strFeatures);
        return false;
    }
     
     function OpenPrinter()
     {  
        GetValueOfVars();
        if (CheckValidation) 
        {
        var strVars = "?type=" + searchType;
        strVars += "&txtTuNgay=" + txtTuNgay; 
        strVars += "&txtDenNgay=" + txtDenNgay; 
        strVars += "&cmbDiaBan=" + cmbDiaBan; 
        strVars += "&cmbLoaiDon=" + cmbLoaiDon; 
        strVars += "&cmbLinhVuc=" + cmbLinhVuc; 
       
        var strTypeReport = "Reports/BaoCaoDonThuView.aspx";
        strFeatures = 'width=800px,height=600px,top=100px,left=100px,titlebar=1,menubar=0,toolbar=0,resizable=1,status=1,scrollbars=1,dependent=yes';
        window.open(strTypeReport + strVars,'_blank',strFeatures);
        return false;
        }
    } 
</script>